<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人资料</title>


</head>

<body>
    <div class="app-material dpflex fdcolumn">
        <header>
            <p class="wrapper tac pr cf f18 fb"> <span class="pa" id="returnkey">
                    < </span>个人资料</p>
        </header>
        <main class="wrapper">
            <p class="pr ml16 mr16 fb">更换头像<img class="pa" id="headimg" src="../imgs/dog.jpg"></img><span class="pa"> >
                </span></p>
            <!-- 上传文件 -->
            <input type="file" id="userImgIpt" class="userImgIpt">
            <!-- 昵称 -->
            <div class="weui-cell weui-cell_active ">
                <div class="weui-cell__hd"><label class="weui-label">昵称</label></div>
                <div class="weui-cell__bd">
                    <input id="js_input" class="weui-input" placeholder="填写本人的昵称" />
                </div>
            </div>
            <!-- 性别 -->
            <div class="weui-cell weui-cell_active weui-cell_access weui-cell_select weui-cell_select-after ">
                <div class="weui-cell__hd"><label class="weui-label">性别</label></div>
                <div class="weui-cell__bd" id="showPicker">未选择</div>
            </div>
            <!-- 生日 -->
            <div class="weui-cell weui-cell_active weui-cell_access weui-cell_select weui-cell_select-after ">
                <div class="weui-cell__hd"><label class="weui-label">生日</label></div>
                <div class="weui-cell__bd" id="showbirthdayPicker">未选择</div>
            </div>
            <!-- 所在省 -->
            <div class="weui-cell weui-cell_active weui-cell_access weui-cell_select weui-cell_select-after ">
                <div class="weui-cell__hd"><label class="weui-label">所在省</label></div>
                <div class="weui-cell__bd" id="showprovincePicker">未选择</div>
            </div>
            <!-- 所在城市 -->
            <div class="weui-cell weui-cell_active weui-cell_access weui-cell_select weui-cell_select-after ">
                <div class="weui-cell__hd"><label class="weui-label">所在城市</label></div>
                <div class="weui-cell__bd" id="showcityPicker">未选择</div>
            </div>
            <!-- 个性签名 -->
            <div class="weui-form__control-area ">
                <div class="weui-cells__group weui-cells__group_form">
                    <div class="weui-cells__title">个性签名</div>
                    <div class="weui-cells weui-cells_form">
                        <div class="weui-cell ">
                            <div class="weui-cell__bd">
                                <textarea class="weui-textarea" id="text" placeholder="多行输入" rows="3"></textarea>
                                <div class="weui-textarea-counter"><span id="curLength">0</span>/140</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>








            <!-- <p class="pr ml16 mr16 fb">昵称<span class="pa c8a">用户名</span></p>
            <p class="pr ml16 mr16 fb">性别<span class="pa c8a">男</span><i class="pa c8a">></i></p>
            <p class="pr ml16 mr16 fb">生日<span class="pa c8a">2020-11-11</span><i class="pa c8a">></i></p>
            <p class="pr ml16 mr16 fb">所在城市<span class="pa c8a">四川省 成都市</span><i class="pa c8a">></i></p>
            <div class="pr">
                <p class="ml16 mr16 fb">个人简介</p>
                <textarea name="" id="" cols="44" rows="7" class="ml16">多行输入</textarea>
                <span class="pa">0/140字</span>
            </div> -->
        </main>
        <footer class="wrapper"><button class="cf" id="btn">保存信息</button></footer>
    </div>
</body>

</html>